<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>仲裁页面</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./layui/css/layui.css">
    <link rel="stylesheet" href="./css/background.css">
    <link rel="stylesheet" href="./css/color.css">
    <link rel="stylesheet" href="./css/margin.css">
    <link rel="stylesheet" href="./css/header.css">
    <link rel="stylesheet" href="./css/bar.css">
    <link rel="stylesheet" href="./css/wtlIntercessor.css">
</head>
<body>
<div id="main">
    <!--顶部导航-->
    <div class="l-nav">

        <div class="l-container">
            <!--logo-->
            <div class="l-logo">
                <img class="l-img" src="./image/wtlogo.png" alt="无法显示" />
            </div>

            <!--菜单栏-->
            <ul class="layui-nav l-line-none" lay-filter="">
                <li class="layui-nav-item"><a href="">首页</a></li>
                <li class="layui-nav-item"><a href="">账户中心</a></li>
                <li class="layui-nav-item">
                    <a href="javascript:;">语言</a>
                    <dl class="layui-nav-child">
                        <dd><a href="#"><img src="./image/China.png" alt=""> 中文</a></dd>
                        <dd><a href="#"><img style="width: 29px; height: 18px;" src="./image/usa.jpg" alt=""> 英语</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item l-login-out"><a href="">欢迎您：kingend</a><span>退出</span></li>
            </ul>
        </div>
    </div>

    <!--面包屑导航-->
    <div class="l-breadcrumb">
        <span class="l-breadcrumb-title">您的位置：</span>
        <span class="layui-breadcrumb">
              <a href="">首页</a>
              <a href="">账户中心</a>
              <a href=""><cite>安全设置</cite></a>
        </span>
    </div>

    <div class="l-bar">
        <img src="./image/dian.png" alt="无法显示">
        仲裁
    </div>

    <div class="l-table">
        <table class="layui-table" lay-skin="line">
            <colgroup>
                <col width="152">
                <col width="129">
                <col width="90">
                <col width="120">
                <col width="138">
                <col width="450">
                <col width="120">
            </colgroup>
            <thead>
            <tr>
                <th>时间</th>
                <th>买入价格</th>
                <th>数量</th>
                <th>支付方式</th>
                <th>交易证据</th>
                <th>仲裁原因</th>
                <th>仲裁结果</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>2016-11-29</td>
                <td>1.222</td>
                <td>5</td>
                <td>支付宝</td>
                <td><img class="l-evidence" src="./image/evidence.jpg" alt="无法显示"></td>
                <td>操作失败导致交易数量有误，需要重新交易</td>
                <td>交易删除</td>
            </tr>
            <tr v-for="a in 5">
                <td>2016-11-28</td>
                <td>1.222</td>
                <td>10</td>
                <td>支付宝</td>
                <td><img class="l-evidence"  src="./image/evidence.jpg" alt="无法显示"></td>
                <td>操作失败导致交易数量有误，需要重新交易操作失败导致交易数量有误，需要重新交易操作失败导致交易数量有误，需要重新交易</td>
                <td>交易删除</td>
            </tr>
            <tr>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td class="l-btn-group"><a href="#" class="layui-btn layui-btn-primary">上一页</a><a href="#" class="layui-btn layui-btn-primary">下一页</a></td>
            </tr>
            </tbody>
        </table>
    </div>
</div>
</body>
<script src="./layui/layui.js"></script>
<script src="./js/vue.js"></script>
<script src="./js/wtlIntercesstor.js"></script>
</html>